<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

  <style>
    div{
      width: 1000px;
      height: 700px;
      border: 1px solid red;  /*宽度，风格（样式），颜色*/
      background-image: url("images/picture.jpg");
      /*默认全部平铺，铺满。。*/
    }
    .div1{
      background-repeat: repeat-x; /*水平平铺，铺满一行*/
    }
    .div2{
      background-repeat: repeat-y;/*垂直平铺，铺满一列*/
    }
    .div3{
      background-repeat: no-repeat;/*不平铺*/
    }

  </style>

</head>
<body>
  <div class="div1"></div>
  <div class="div2"></div>
  <div class="div3"></div>
</body>
</html>